<!DOCTYPE html>
<html>
<head>
    <% include meta.ejs %>
    <title>登录</title>
    <% include public.ejs %>
    <style>
        body{
            padding-top: 40px;
            padding-bottom: 40px;
            background-color: #eee;
        }
        .form-signin {
            max-width: 330px;
            padding: 15px;
            margin: 0 auto;
        }


        .loginBg{
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: url('<%=global.config.path.publicPath %>/custom/images/login/loginBg.png');
            background-repeat: no-repeat;
            background-position-x: 0;
            background-position-y: bottom;
            background-color: #f9f9f9;
            opacity: 0.91;
        }
        .loginForm{
            position: absolute;
            left: 50%;
            top: 35%;
            width: 700px;
            height: 265px;
            margin-left: -350px;
            margin-top: -132px;
            z-index: 100;
        }
        .loginForm .loginTable{
            width: 100%;
            table-layout: fixed;
        }
        .loginForm .loginImg{
            width: 280px;
            margin: 0 auto;
            display: block;
        }
        .loginForm h2{
            margin: 30px 0;
            font-size: 30px !important;
        }
        .loginForm .loginInput{
            border-bottom: 1px solid #999999;
            padding: 8px 5px;
            color: #999999;
            margin-bottom: 20px
        }
        .loginForm .loginInput label{
            width: 50px;
        }
        .loginForm .loginInput input{
            width: 230px;
            background: transparent;
            border: 0;
        }
        .loginForm .loginButton{
            border: 1px solid #999999;
            background: transparent;
            padding: 5px 20px;
            border-radius: 20px;
            float: right;
        }

        @media(max-width:500px){
            .loginForm{
                width: 280px;
                margin-left: -140px;
            }
            .loginForm table tr td:first-child{
                display: none;
            }
            .loginBg{
                background-size: 100%;
            }
        }
    </style>
</head>
<body>
<div class="loginBg">
    <div class="loginForm">
        <form class="form-horizontal" action="/login" method="post" id="loginForm">
            <fieldset>
                <input type="hidden" value="<%=redirect %>" id="redirectUrl" />

                <table class="loginTable">
                    <tbody>
                    <tr>
                        <td>
                            <img class="loginImg" src="<%=global.config.path.publicPath%>/custom/images/icon/logo.png" />
                        </td>
                        <td>
                            <h2 class="form-signin-heading">风起管理平台</h2>
                            <div class="loginInput">
                                <label for="username"  class="">用户名</label>
                                <input type="text" id="username" placeholder="" name="username" autofocus>
                            </div>
                            <div class="loginInput">
                                <label for="password" class="">密码</label>
                                <input type="password" id="password" name="password" placeholder="">
                            </div>
                            <button class="loginButton" type="submit" id="LoginButton">登录</button>
                        </td>
                    </tr>
                    </tbody>
                </table>

                <!--<input class="input-large col-xs-12" name="username" id="username" type="text" placeholder="用户名" autofocus />-->

                <!--<input class="input-large col-xs-12" name="password" id="password" type="password" placeholder="密码"/>-->

                <!--<div class="clearfix"></div>-->

                <!--<label class="remember" for="remember"><input type="checkbox" id="remember" />下次自动登录</label>-->

                <!--<div class="clearfix"></div>-->

                <!--<button type="submit" class="btn btn-primary col-xs-12">登录</button>-->
            </fieldset>

        </form>
    </div><!--/container-->
</div>
<% include ../common/script.ejs %>
</body>
</html>
